<template>
    <div>
        <el-form-item label="name属性：" prop="name">
            <el-input v-model="modalFormData.name"></el-input>
        </el-form-item>
        <el-form-item label="控件名称：">
            <el-input v-model="modalFormData.label" placeholder="请输入控件名称" ></el-input>
        </el-form-item>
        <el-form-item label="提示信息：" >
            <el-input v-model="modalFormData.placeholder" placeholder="请输入提示信息"></el-input>
        </el-form-item>
        <el-form-item label="校验错误：" >
            <el-input v-model="modalFormData.ruleError" placeholder="请输入校验错误提示"></el-input>
        </el-form-item>
        <el-form-item label="宽度：">
            <el-input-number v-model="modalFormData.width"></el-input-number>&nbsp;&nbsp;px
        </el-form-item>
        <el-form-item label="最大输入长度：">
            <el-input-number v-model="modalFormData.maxLength"></el-input-number>
        </el-form-item>
        <el-form-item label="是否必填：">
            <el-checkbox v-model="modalFormData.require">必填</el-checkbox>
        </el-form-item>
    </div>
</template>
<script>
export default {
    name:'InputConfig',
    props:{
        modalFormData:{
            type:Object,
            default:()=>{
                return {}
            }
        }
    }
}
</script>